<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/view/common/conmont.jspf" %>
<head>
    <meta charset="utf-8">
    <title>选择商品</title>
    <script type="text/javascript">
        $(function(){
            $('#dg').datagrid({
                url:'${webRoot}/goods/selectPage',
                fitColumns:true,//自适应网格
                nowrapL:true,
                singleSelect:true,
                rownumbers:true,//显示行号
                pagination:true,//底部显示分页条
                pageSize:5,//分页5条
                pageList:[3,5,10,15,20],//初始化页面显示条数
            //  设置toolbar 的样式 ；linkbutton
                toolbar: [{
                    // 添加搜索框
                    text:"<input type='text' id='sm'  placeholder='请输入商品名称'/>",
                },'-',{
                    // 添加搜索框
                    text:"<input type='text' id='sa'  placeholder='请输入生产商'/>",
                },'-',{
                    iconCls: 'icon-search',
                    text:'搜索',
                    handler: function(){
                        var goodsName = $("#sm").val();// 取值
                        var goodsProducer  = $("#sa").val();// 地址
                        $('#dg').datagrid('load',{
                            goodsName : '%'+goodsName+'%',
                            goodsProducer: '%'+goodsProducer+'%'
                        });
                    }
                }
                ],
                columns : [ [{
                    //新增一列
                    checkbox:true,
                },{
                    field : 'goodsId',
                    title : '商品编号',
                    width : 100
                }, {
                    field : 'goodsName',
                    title : '商品名称',
                    width : 100
                }, {
                    field : 'goodsBuyPrice',
                    title : '进价',
                    width : 100,
                    align : 'right'
                } , {
                    field : 'goodsStore',
                    title : '库存下限',
                    width : 100,
                    align : 'right'
                }, {
                    field : 'goodsProducer',
                    title : '生产商',
                    width : 100,
                    align : 'right'
                }] ]
            });

            initSubmit();
        });

        /**
        * 选择商品后进行提交
         * 1. 表单验证
         * 2. 获取采购页面的 contentWindow 对象
         * 3. 将选中的数据添加到 列表中
         * 4. 关闭选择窗
        */
        function initSubmit() {
            $("#btn").click(function () {
//                $("#ff").form("enableValidation");开启表单验证
//                $("#ff").form('submit',{
//                 并不是走接口 而是 获取 回显
//                });

                var objs = $("#dg").datagrid('getSelections');
                if(objs.length==1){
//                    alert(objs[0].goodsName);
                    var bean = objs[0];
//                 2 回传
                     getTabWindow().$('#dg').datagrid('appendRow',{
                         goodsId: bean.goodsId,
                         goodsName: bean.goodsName,
                         goodsBuyPrice: bean.goodsBuyPrice,
                         bodAmount  :$("#bodAmount").val(),
                         bodBuyPrice:bean.goodsBuyPrice*$("#bodAmount").val(),
                         bodImeiList: $("#bodImeiList").val()
                     });
                   parent.$("#win").window("close");
                }else {
                    alert("没有选中任何东西呢");
                }
            });
        }

    </script>
</head>


<body style="margin:0px;">
<table id="dg"></table>

<%--选择采购数量--%>
<form id="ff" style="padding:5px;margin:0px;background:#eee;"  action="">
    采购数量：<input type="text" id='bodAmount' name=   'bodAmount'    class="easyui-numberbox" value="1" data-options="min:1,max:1000000000">
    <br>
    价格：<input type="text" id='bodBuyPrice'   name=   'bodBuyPrice'  class="easyui-numberbox"  value="22" data-options="min:0,precision:2">
    <br>
    手机串号：<textarea  id='bodImeiList'      name=   'bodImeiList'  >3333</textarea>
    <br>
    <input type="button" id="btn" value="确定">
</form>

</body>


</html>

